<div>
	<div class="row">
		<div class="col-md-4"></div>
		<div class="col-md-8">
			<h3 style="align: center;">Periodos</h3>
		</div>
	</div>
	<div class="row" style="overflow-x: auto;">
		<div class="col-md-1">
			<strong>Cod</strong>
		</div>
		<div class="col-md-3">
			<strong>Nombre</strong>
		</div>

		<div class="col-md-2" style="padding: 0">
			<strong>1</strong>
		</div>
		<div class="col-md-2" style="padding: 0">
			<strong>2</strong>
		</div>
		<div class="col-md-2" style="padding: 0">
			<strong>3</strong>
		</div>
		<div class="col-md-1" style="padding: 0">
			<strong>4</strong>
		</div>
		<div class="col-md-1">
			<strong>Final</strong>
		</div>
	</div>
	<div class="row">
		<div class="col-md-1">123123</div>
		<div class="col-md-2">pepito</div>
		<div class="col-md-2" ng-repeat="p in periodos">
			<div>
				
				 <select
					ng-model="calificacion"
					ng-change="changeCalificacion(calificacion)" 
					class="form-control" style="float:left; width:auto;">
					<option>S</option>
					<option>A</option>
					<option>B</option>
					<option>Bj</option>
				</select>
			</div>
		</div>
	</div>
</div>